extends layout
append scripts
    script.
        new Vue({
            el: '#app',
            data: {
                counter: 0
            }
        })
block content
    //- ./l2_v-bind_v-on_v-model_v-html_指令_参数_方法-methods.html 中有解释
    //- 这个也有点迷...
    #app
        button(v-on:click="counter += 1") 增加 1
        p 这个按钮被点击了 {{ counter }} 次
    p #[a(v-on:click.stop="doThis")] 阻止单击事件冒泡
    p #[form(v-on:submit.prevent="onSubmit")] 提交事件不再重载页面
    p #[a(v-on:click.stop.prevent="doThat")] 修饰符可以串联
    p #[form(v-on:submit.prevent="")] 只有修饰符
    p #[div(v-on:click.capture="doThis") ...] 添加事件侦听器时使用事件捕获模式
    p #[div(v-on:click.self="doThat") ...] 只当事件在该元素本身 (而不是子元素) 触发时触发回调
    p #[a(v-on:click.once="doThis")] click 事件至少触发一次, 2.1.4 版本新增
    // 按键修饰符
    p #[input(v-on:keyup.13="submit")] 只有在 keyCode 是 13 时调用 vm.submit()
    p #[input(v-on:keyup.enter="submit")] 同上
    p #[input(@keyup.enter="submit")] 缩写语法
    p #[input(@keyup.alt.67="clear")] Alt + C
    p #[div(@click.ctrl="doSomething") Do something] Ctrl + Click
    //- 全部的按键别名
    //- .enter .tab .esc .space .up .down .left .right .ctrl .alt .shift .meta
    //- .delete (捕获 "删除" 和 "退格" 键)
